
import useForm from '../hooks/useForm';
function Form() {
    let [values, setFieldValue] = useForm({ username: '', email: '' });
    const handleSubmit = (event) => {
        //阻止表单提交的默认事件，可以防止表单提交，可以防止页面的刷新
        event.preventDefault();
        console.log(values)
    }
    return (
        <form onSubmit={handleSubmit}>
            <label>用户名</label>
            <input
                value={values.username}
                onChange={event => setFieldValue('username', event.target.value)} />
            <label>邮箱</label>
            <input
                value={values.email}
                onChange={event => setFieldValue('email', event.target.value)} />
            <button type='submit'>提交</button>
        </form>
    )
}
export default Form;
/**
 * form.validateFields
 * form.resetFields
 * form.setFieldsValue
 * form.setFieldValue
 * form.getFieldsValue
 */